草庐IT

Vue3 实现列表虚拟滚动

全部标签

javascript - 撤消实现 - DOM 操作

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion是否有可用于在JavaScript中实现DOM元素操作的撤消/重做功能的库?我正在编写一个围绕DOM元素移动的prototype.js应用程序(memonaut),允许编辑和删除这些元素。每个操作的元素都有事件处理程序和其他对象。不确定我是否需要为此推出我自己的命令模式实现。当然,必须有可用的东西吗?如果没有,建议和指示将是一个很大的帮助。

Javascript:我应该隐藏我的实现吗?

作为一名C#程序员,我有点习惯将可以而且应该私有(private)的东西设为私有(private),当JS类型向我公开其所有私有(private)部分时,我总是会有一种奇怪的感觉(这种感觉不是'引起')。假设我有一个具有draw方法的类型,该方法在内部调用drawBackground和drawForeground,单独调用它们毫无意义。我应该如何实现?选项1Foo=function(){this.draw();};Foo.prototype.draw=function(){this.drawBackground();this.drawForeground();};Foo.prototy

javascript - 元素的事件列表

有没有办法在javascript中找到一个元素的所有事件?或解除元素与所有事件绑定(bind)的方法?谢谢。 最佳答案 当然!看看这个绑定(bind)/取消绑定(bind)事件http://api.jquery.com/category/events/并使用此jQuery代码片段以键对“事件名称/函数委托(delegate)”的哈希集的形式获取绑定(bind)到元素的所有事件jQuery(elem).data('events'); 关于javascript-元素的事件列表,我们在Stac

javascript - JQuery - 将列表项附加到列表的最快方法

我有一些jquery可以正常工作,但我想对其进行高度优化。基本上我是将标准的列表项附加到无序列表。谁能推荐最快的优化以下代码的方法,例如创建文档片段?for(keyindata){li=$(''+data[key]["Name"]+'');$('.item',li).data('ID',data[key]["Id"]);$(list).append(li);} 最佳答案 varsb=newArray();for(keyindata){sb.push('',data[key]["Name"],'')}$(list).append(sb

javascript - 如何将Backbone.View绑定(bind)到DOM中类似元素列表中的 'single' DOM元素

我具有以下页面结构:Label1Label2............这是过于简单的View:varMyView=Backbone.View.extend({el:$('.listOfPosts'),initialize:function(){_.bindAll(this,"postClicked");},events:{"click.wcCheckbox":"postClicked"},postClicked:function(){alert("Gotaaclickinthebackbone!");}});问题:我想知道被点击的帖子的数据ID。使用简单的JQuery,我可以执行以下操作

javascript - 以编程方式滚动父 div 中的一组 div

我有一个包含多个子div的父div(请参阅此处了解我在说什么http://garyoak.com/images/MgMenu.png)。我希望能够仅使用键盘对其进行导航,因此我一直在寻找一种在用户推过可见元素时向上或向下滚动子div的方法。我可以弄清楚用户何时毫无问题地完成了该操作,但我不确定如何实际向上/向下滚动内部div。我有可用的jquery,可以毫无问题地向其添加扩展。我知道jquery插件,例如可滚动和旋转木马,但我希望有一种更简单的方法来做到这一点。html最终看起来像这样:Blizzara36Fire15....(restofpaneldivs)第一个div将MagicP

javascript - iPad禁用文档滚动但不禁用div溢出滚动

我正在开发具有可滚动功能的模态窗口,例如pinterest的。当它们被触发时,在body上定义overflow:hidden并在模态框容器上定义overflow:auto。这在桌面浏览器上运行良好,但我在iPad上的第一次测试(我假设一般情况下可能在iOS上)揭示了一个问题:当模式滚动结束时,如果文档比模式长,则滚动继续。我尝试这样做的目的是只接受由模态或其容器触发的滚动://DisablebrowserscrollingoniOS$(document).on('touchmove',function(e){if(($(e.target).attr('id')!=id)&&($(e.t

javascript - 在 yui 中获取窗口滚动或 scrollY 位置

在YUI中,我有以下用于鼠标滚轮的代码。我如何使它适用于滚动条?Y.on('mousewheel',function(e){vardir=e.wheelDelta>0?'Up':'Down';console.log(dir);});感谢您的帮助... 最佳答案 这是一个简单的解决方案Y.on('scroll',function(e){console.log(window.scrollY);}); 关于javascript-在yui中获取窗口滚动或scrollY位置,我们在StackOve

javascript - 多级 xml 到 jquery 中的无序列表

我正在努力尝试从一个xml文件创建一个无序列表,但到目前为止没有运气。我知道如何从jQuery处理xml,但我无法弄清楚如何使多级无序列表列表。这是我到目前为止所取得的成就。xml文件DirectorExeDirector1ExeDirector2ExeDirector2SubDirector1SubDirector2SubDirector3Cameraman1Cameraman2html文件UntitledDocumentvarlevels;$(document).ready(function(){$.ajax({type:"GET",url:"test.xml",dataType:

javascript - elementFromPoint 滚动页面后返回 null

我有一个javascript小书签,我把它放在一起,让一项艰巨的任务变得更容易忍受。本质上,我正在浏览数百页的培训Material,并确保所有内容都已从Helvetica正确转换为Arial。小书签代码在下面,但快速分解是它创建了一个mousemove事件监听器和一个小的、绝对定位的div。在mousemove事件中,div移动到新的鼠标位置(向下和向右偏移10px),使用elementFromPoint获取鼠标下方的元素并显示该元素的font-family属性。哦,它会根据Arial是否出现在属性中来更改它的背景颜色。varbodyEl=document.getElementsByT